@CHARSET "UTF-8";


.ui-accordion .ui-accordion-content.view-content{
   padding:4px;
   margin-top:-1px;
}

.ui-state-active {
    border-bottom-color: #DDDDDD;
}
/*导航栏*/
.tab-header{
  padding:0 12px;
  background-color:#DEEEFD;
  height:33px;
  line-height:32px;
  border-bottom:1px solid #9CCEFD;
}

.tab{
  padding : 0px 8px 0;
  float:left;
  background-color:#EFF7FE;
  border-left:1px solid #9CCEFD;
  border-right:1px solid #9CCEFD;
  border-top:1px solid #9CCEFD;
  border-bottom:1px solid #9CCEFD;
  margin-right:4px;
  border-radius:3px 3px 0 0;
}
.tab a{
   text-decoration:none;
   color:#666666;
 }
.tab a:visited{
  color:#666666;
 }
.tab a:hover{
   cursor:pointer;
 }
.tab.selected{
  background-color:white;
  border-style: solid solid none;
  border-radius:3px 3px 0 0 ;
  border-bottom:0 none;
  padding-top:1px;
 }

#relations {
	/* width: 340px; */
	/* position: absolute;
	top: 70px; */
	position: relative;
	left: 10px;
}
#relation-content{
	margin-top: 10px;
}
#rel_content {
	width: 60%;
	
	min-height: 500px;/* 310px; */
	border: 1px double #BAD2EC;
	border-radius: 4px 4px 4px 4px;
	margin-bottom: 16px;
	padding: 10px 1%;
	float: right;
	position: relative;
	overflow: auto;/* visible; */
	/* width: 570px;
	position: absolute; 
	top: 50px;
	left: 360px;
	top: 15px;
	margin-left: 10px;
	border: thin solid #BAD2EC;
	height: 370px;
	overflow: auto; */
}
.vnav-box{
   background: url("../images/panel_title.png") repeat scroll 0 0 transparent;
   width:36%;
   float:left;
   padding:0.2%;
   border: 1px solid #99BBE8;
   border-radius:4px 4px 4px 4px;
}

.vnav{
  border:1px solid #BAD2EC;
  min-height:20px;
  padding:4px 0;
  background-color:white;
}

.nv-box{
  text-align:right;
  padding:0 10px;
}

.nav-arrow {
	background: url("../smoothness/images/ui-icons_454545_256x240.png") repeat
		scroll -32px -16px transparent;
	height: 16px;
	width: 16px;
	display: inline-block;
	position: absolute;
	right: 2px;
	top: 6px;
}

a.rcreate{
   height:16px;
   padding-left:18px;
   margin-top:6px;
   margin-bottom:6px;
   background:url("../../icons/application_add.png")  no-repeat 0 center;
   display:inline-block;
   text-decoration:none;
   color:#014B97;
}
a.rcreate:visited{
  color:#014B97;
}

a.rcreate:hover{
 text-decoration:underline;
 cursor:pointer;
}
ul.relation-list{
  list-style:none;
  margin:0;
  padding:0;
}
 ul.relation-list li{
  padding:5px 0 5px 20px;
  position:relative;
  border-bottom: 1px dotted #F1F1F1;
}
.bh{
 	background-color:#EEEEEE;
}
.uRelation{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.uRelation span{
   text-decoration:none;
   color:#115A99;
}
.uRelation a{
	display: inline;
}
.uRelation,.sView{
   cursor:pointer;
}
.uRelation.nav-select,.uRelation.rnav-select{
  background-color: #F8F8F8; 
}

.uRelation.rnav-select .viewName a,.sView.rnav-select .viewName a{
   font-weight:bold;
}
/* .rnav-select{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
} 
.rnav-select span a{
	display: inline;
}*/

/* .split {
	border-bottom: 1px solid #F1F1F1;
}

.moreDiv {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
}

.moreDiv a:visited {
	text-decoration: none;
	color: #666666;
}

.moreDiv a:link {
	text-decoration: none;
	color: #666666;
}
 */
.final {
	border-bottom: 0 none;
}

/* .view-content {
	min-height:50px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

.view-content ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.view-content li {
   border-bottom: 1px dotted #F1F1F1;
    padding: 5px 0 5px 16px;
    position: relative;
}

.view-content li:hover {
	background: #EEEEEE;
}

.view-content li a {
	text-decoration: none;
	color: #1170A3;
} */

.more-container {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	background-color: #F7FAFC;
}

.arrowDown {
	background: url("../smoothness/images/ui-icons_888888_256x240.png")
		scroll -64px -16px transparent;
	height: 16px;
	width: 16px;
	display: inline-block;
}

.remove {
	height: 16px;
	width: 16px;
	background: url("../../icons/bin.png"	);
	position: absolute;
	right: 5px;
}

.down {
	height: 16px;
	width: 16px;
	background: url("../../icons/award_star_delete.png"	);
	position: absolute;
	right: 27px;
}

.top {
	height: 16px;
	width: 16px;
	background: url("../../icons/award_star_bronze.png"	);
	position: absolute;
	right: 27px;
}

.restore {
	height: 16px;
	width: 16px;
	background: url("../../icons/restore.png"	);
	position: absolute;
	right: 5px;
	display: inline;
}

#edit_button {
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: none;
	color: #1170A3;
}

/* #new_button {
	position: absolute;
	top: 50px;
	left: 300px;
	text-decoration: none;
	color: #1170A3;
} */

#rel_title {
	color: #282828;
	font-size: 18px;
	font-weight: bold;
	/* position: absolute;
	top: 10px;
	left: 40px; */
	position: relative;
	margin-top: 10px;
	/* margin-left: 40px; */
	text-align: center;
}
#info{
	text-align: center;
	/* position: absolute;
	top: 100px; */
	position:relative;
	margin: 5px auto;
	padding: 0;
	/* width: 570px; */
	width: 99%;
	height: 270px;
}
#rel_meta {
	width: 90%;
	font-size: 10px;
	/* position: absolute;
	top: 40px;
	left: 45px; 
	text-align: left;*/
	text-align: right;
	position: relative;
	margin: 10px 20px 10px auto;
	padding: 0;
}
#rel_table{
	position: relative;
	padding: 5px;
}
#rel_table table {
	border-collapse: collapse;
	margin: 0 auto;
}

#rel_table table,#rel_table  td,#rel_table th {
	border: 1px solid #C1DAD7;
}

#rel_table table th {
	position: relative;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	letter-spacing: 2px;
	background-color: #CAE8EA;
	padding: 6px 6px 6px 6px;
	max-width: 200px;
	width: 200px;
	overflow: auto;
}

#rel_table table td {
	position: relative;
	font-size: 11px;
	padding: 6px 6px 6px 6px;
	color: #4f6b72;
	max-width: 200px;
	width: 200px;
	overflow: auto; 
	height: 50px;
	max-height: 50px;
}
#rel_table table td span{
	width: 99%;
	display: block;
	overflow: auto;
}
#rel_table table td a {
	/* position: absolute;
	top: 0px;
	right: 0px; */
	font-size: xx-small;
	color: #417BFF;/* #1170A3; */
	text-decoration: none;
}
#rel_table table td a:hover{
	text-decoration: underline;
} 
/**setting button**/
.set_btn{
   position:absolute;
   right:2px;
   font-size:12px;
   top:0px;
}
#smenu{
  right: 5px;
  top: 24px;
  width: 100px;
  text-align: center;
}
#smenu a{
	padding:0;
	display: block;
}

/**navigation**/
 
.navfoot{
	width:100%;
	margin-top:4px;
	margin-bottom:4px;
	text-align:center;
}

.navContent{
  padding-left:3px;
  padding-right:3px;
}

a.navContent{
  text-decoration:none;
  color:#005EAC;
}

a.navContent:hover{
text-decoration:underline;
cursor:pointer;
}

a.navContent:visited{
color: #005EAC;
}

.pnnav{
  font-weight:bold;
}

.current{
  color:#FF0000 ;
  font-weight:bold;
}
.originalRelation span{
	color: #5599FF;
}